<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <script src="/static/order/confirm/js/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/order/confirm/css/JD2.css"/>
    <style type="text/css">
        .coupon-item.coupon-item-new {
            height: 125px;
        }

        .coupon-item {
            height: 105px;
            width: 201px;
            float: left;
            margin-right: 26px;
            margin-bottom: 15px;
            padding: 1px;
            position: relative;
        }

        .coupon-item .item-selected {
            /*border: 2px solid #e43a3d;*/
            background-image: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/coupon-selected.png);
            background-repeat: no-repeat;
            background-position: bottom right;
        }

        .coupon-item .item-selected .c-dong {
            border-left: 0;
            border-right: 0;
        }

        .coupon-item .c-detail .c-dong {
            border-left: 1px solid #74d2d4;
            border-right: 1px solid #74d2d4;
            background-color: #74d2d4;
        }

        .coupon-item .c-detail .c-msg {
            cursor: pointer;
            height: 70px;
            width: 100%;
            position: relative;
        }

        .coupon-item .c-detail .c-top-dong {
            height: 3px;
            width: 100%;
            background: #fff url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/virtual-spite.png) -36px -6px no-repeat;
        }

        .coupon-item .item-selected .item-selected-cancel {
            background-color: rgba(253, 253, 253, .8);
            color: #e43a3d;
            padding: 0 3px 0 5px;
            cursor: pointer;
            z-index: 21;
            position: absolute;
            right: 0;
            display: none;
        }

        .coupon-item .c-detail .c-msg .c-price {
            color: #fff;
            font: 24px Arial, Verdana, 'Microsoft YaHei', SimSun;
            display: inline;
            position: relative;
            top: 8px;
            margin-left: 12px;
            vertical-align: bottom;
            *float: left;
        }

        .coupon-item .c-detail .c-msg .c-price {
            color: #fff;
            font: 24px Arial, Verdana, 'Microsoft YaHei', SimSun;
        }

        .coupon-item .c-detail .c-msg .c-price b {
            font-size: 12px;
            margin-left: 5px;
        }

        .coupon-item .c-detail .c-msg .c-limit, .coupon-item .c-detail .c-msg .c-over {
            color: #f5f5f5;
            font-size: 12px;
            display: inline;
            position: relative;
            top: 7px;
        }

        .coupon-item .c-detail .c-msg .c-limit span i {
            width: 14px;
            height: 14px;
            background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/qmark05.png) 0 0 no-repeat;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            top: -2px;
            margin-left: 2px;
        }

        .c-discount-cont, .c-limit-cont {
            position: absolute;
            top: 38px;
            background: #fff;
            padding: 10px;
            width: 130px;
            right: -2px;
            box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
            z-index: 1;
            display: none;
        }

        .c-discount-cont i.c-dis-arr-up, .c-limit-cont i.c-dis-arr-up {
            width: 17px;
            height: 6px;
            background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/tips-arrow-up.png) 0 0 no-repeat;
            display: inline-block;
            position: absolute;
            right: 11px;
            top: -6px;
        }

        .coupon-item .c-detail .c-msg .c-time-dong {
            color: #cef0f1;
        }

        .coupon-item .c-detail .c-msg .c-time {
            padding-left: 12px;
            margin-top: 10px;
            *clear: both;
        }

        .coupon-item .c-detail .c-msg .c-time-dong span {
            float: left;
        }

        .coupon-item .c-detail .c-type-dong {
            color: #74d2d4;
        }

        .coupon-item .c-detail .c-type {
            height: 25px;
            width: 100%;
            padding-top: 5px;
        }

        .coupon-item .c-detail .c-type span.c-type-l {
            margin: 0 5px 0 12px;
        }

        .coupon-item .c-detail .c-type span.c-type-r {
            margin: 0;
            cursor: pointer;
        }

        .coupon-item .c-info {
            height: 40px;
            width: 210px;
            color: #333;
        }

        .coupon-item .c-info .c-info-qmark {
            display: inline-block;
            float: left;
            height: 13px;
            padding: 0 0 0 14px;
            margin-top: 3px;
            margin-right: 3px;
            vertical-align: middle;
            background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/qmark03.png) no-repeat;
        }

        .coupon-item .c-info span {
            display: inline-block;
            float: left;
            width: 190px;
            color: #333;
        }

        .coupon-item .c-info span em.ftx-01 {
            font-family: verdana;
        }

        .ftx-01, .ftx01 {
            color: #e4393c;
        }
    </style>
    <title></title>
</head>

<body>
<!--顶部-->
<header>
    <div class="header">
        <ul class="header-left">
            <li>
                <img src="/static/order/confirm/img/header_1.png"/>
                <a href="http://www.drygoods.top">谷粒学院首页</a>
            </li>
            <li class="header-l-2">
                <i class="fa fa-map-marker" style="color: #5C5452;"></i>
            </li>

        </ul>
        <ul class="header-right">
            <li>[[${(session.loginUser!=null)?session.loginUser.username:''}]]
                <img style="margin-bottom: 0px;margin-left3: 3px;"/>
                <img src="/static/order/confirm/img/06.png"/></li>
            <li>|</li>
            <li><a href="http://member.drygoods.top/orderList.html">我的订单</a></li>
            <li class="spacer"></li>


        </ul>
        <div style="clear: both;"></div>
    </div>


</header>


<!--logo图片-->
<div class="top-1">
    <a href="http://www.drygoods.top">
        <img style="width: 12%;height: 9%" src="/static/index/img/logo.png" class="img1"/>
    </a>
    <span style="margin-top: 80px">结算页</span>
    <!--右侧绿色-->
    <img src="/static/order/confirm/img/08.png" class="img2"/>
</div>


<!--主体部分-->
<p class="p1">填写并核对订单信息 <span style="color: red" th:if="${msg!=null}" th:text="${msg}"></span></p>
<div class="section" style="border: 0px;">
    <!--收货人信息-->
    <div class="top-2">
        <span>收货人信息</span>
        <span><a href="http://member.drygoods.top/membersAddress.html">新增收货地址</a></span>
    </div>

    <!--地址-->
    <div class="top-3 addr-item" th:each="item,itemStatus:${orderConfirm.address}">
        <p th:style="itemStatus.index!=0" th:attr="def=${item.defaultStatus},addrId=${item.id}">
            [[${item.name}]]</p>
        <span>
            [[${item.name}]]  [[${item.province}]]  [[${item.city}]][[${item.region}]] [[${item.detailAddress}]] [[${item.phone}]]
        </span>
    </div>
    <!--    <p class="p2">更多地址︾</p>-->
    <div class="hh1"/>
</div>
<!--********************************************************************************************-->
<!--谷粒学院自提-->
<!--<div class="top-4">-->
<!--    <p>谷粒学院自提</p>-->
<!--    <p>省运费·无续重·随时取</p>-->
<!--    <p class="xiang">详情</p>-->
<!--</div>-->

<!--&lt;!&ndash;地址&ndash;&gt;-->
<!--<div class="top-5">-->
<!--    <p>北京昌平区</p><span>北京市  昌平区城区晨曦小区-16号楼 吉利大学  齐天大圣 150****2245</span><img-->
<!--        src="/static/order/confirm/img/09.png"/><span>距收货人0米</span>-->
<!--    <p class="p3">距离最近</p><span class="xiu">修改自提点</span>-->
<!--</div>-->
<!--<div class="hh1"/>-->
<!--</div>-->

<!--支付方式-->
<h4 class="h4">支付方式</h4>

<div class="top-6">
    <p>货到付款</p>
    <p><span>惠</span>在线支付</p>
</div>
<div class="hh1"></div>
<!--送货清单-->
<h4 class="h4" style="margin-top: 5px;">送货清单</h4>
<div class="top_1">
    <!--    <div class="to_left">-->
    <!--        <h5><span class="peisong">配送方式</span><span class="dui"><img-->
    <!--                src="/static/order/confirm/img/i_03.png"/> 对应商品</span></h5>-->
    <!--        <div class="box">-->
    <!--            谷粒学院快递-->
    <!--        </div>-->
    <!--        <p class="biao">-->
    <!--            <span class="til">标 准 达 ：</span>-->
    <!--            <span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>-->
    <!--            <a href="/static/order/confirm/#">修改</a>-->
    <!--        </p>-->
    <!--        <div class="updata-1">-->
    <!--            <img src="/static/order/confirm/img/im_06.png"/>-->
    <!--            <span>京准达 标准达</span>-->
    <!--            <span style="color: black;"> 配送服务全面升级</span>-->
    <!--        </div>-->
    <!--        <div class="hh1"></div>-->
    <!--        <p class="tui">-->
    <!--            <span class="til">退换无忧：</span>-->
    <!--            <span class="con">-->
    <!--							<input type="checkbox"/>-->
    <!--							自签收后7天内退货，15天内换<span style="font-size: 12px;margin-left: 5px"> ￥ 0.50</span><br/>-->
    <!--						<span class="nul">货，</span>可享1次上门取件服务 ﹀-->
    <!--						</span>-->

    <!--        <div class="updata-2">-->
    <!--            <img src="/static/order/confirm/img/im_11.png"/>-->
    <!--            <span>京准达运费大促（限自营中小件）</span>-->
    <!--        </div>-->

    <!--        </p>-->
    <!--        <p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span-->
    <!--                style="color:#999999;font-size: 12px">0.095kg</span></p>-->
    <!--    </div>-->
    <div class="to_right" style="height: 180px" th:each="orderItem:${orderConfirm.orderItems}">
        <h5>商家：干货销售</h5>
        <div>
            <!--可在此处添加组合优惠信息-->
            <!--            <span>已购满20.00元，再加49.90元，可返回购物车领取赠品</span>-->
            <span>满
                [[${orderItem.skuReduction!=null?orderItem.skuReduction.fullCount:' '}]]件，
                打[[${orderItem.skuReduction!=null?orderItem.skuReduction.discount:' '}]]折；
                满[[${orderItem.skuReduction!=null?orderItem.skuReduction.fullPrice:' '}]]，
                减[[${orderItem.skuReduction!=null?orderItem.skuReduction.reducePrice:' '}]]</span>
        </div>
        <!--图片-->
        <div class="yun1">
            <img th:src="${orderItem.image}" class="yun"/>
            <div class="mi">
                <pn style="margin-left: -40px">
                    <span>[[${orderItem.title}]]</span><br>
                    <span style="color: red;">￥ [[${#numbers.formatDecimal(orderItem.price,1,2)}]]</span><br>
                    <span> x[[${orderItem.count}]] </span><br>
                    <span>[[${orderConfirm.hasStock[orderItem.spuId]?"有货":"无货"}]]</span><br>
                    <span>0.095kg</span><br>
                </pn>
            </div>
        </div>
        <!--        <div class="hh1"></div>-->

        <!--        <p>退换无忧 <span class="money">￥ 0.00</span></p>-->
    </div>
</div>
<div class="bto">
    <div class="hh3"></div>
    <h4 class="clear">使用优惠券 ^</h4>
    <ul>
        <li class="red">优惠券</li>
        <br>
        <li style="float: none;margin-left: 10px" th:each="item:${orderConfirm.integration}">
            <div class="coupon-item coupon-item-new">
                <div class="c-detail item-selected">
                    <div class="c-msg c-dong">
                        <div class="c-top-dong"></div>
                        <div class="item-selected-cancel hide">取消勾选</div>

                        <div class="c-price">
                            <em style="font-size: 30px">[[${item.amount}]]<b>元</b></em>
                        </div>
                        <div class="c-limit">
                            <span style="font-size: 10px">满[[${item.minPoint}]]<i></i></span>
                        </div>
                        <div class="c-limit-cont hide">
                            <i class="c-dis-arr-up"></i>
                            <ul>
                                <li class="dis-item dis-desc">最多减200</li>
                            </ul>
                        </div>
                        <div class="c-time c-time-dong">
                            <span style="font-size: 10px">有效期至[[${#dates.format(item.endTime,
                                'yyyy.MM.dd')}]]</span>
                        </div>
                    </div>
                </div>
                <div class="c-info">
                    <i class="c-info-qmark"></i>
                    <span style="font-size: 10px">已减
                        <em class="ftx-01 ml5" style="font-size: 10px">¥[[${item.amount}]]</em>
                    </span>
                </div>
            </div>
        </li>
    </ul>

    <div class="tuijian clear">
        <input type="checkbox"/>
        <span>优惠组合推荐</span>
    </div>
</div>

<div class="xia">
    <div class="qian">
        <p class="qian_y">
            <span>[[${orderConfirm.count}]]</span>
            <span>件商品，总商品金额：</span>
            <span class="rmb">￥[[${#numbers.formatDecimal(orderConfirm.total,1,2)}]]</span>
        </p>
        <p class="qian_y">
            <span>购物积分扣减：</span>
            <span class="rmb">  -￥[[${orderConfirm.buyIntegration/10}]]</span>
        </p>
        <p class="qian_y">
            <span>运费： </span>
            <span class="rmb"> &nbsp ￥<b id="fareEle">0.00</b></span>
        </p>
        <p class="qian_y">
            <!--满减金额和折扣金额和-->
            <span>促销费： </span>
            <span class="rmb"> - ￥<span id="cuxiao">111</span></span>
        </p>

    </div>

    <div class="yfze">
        <p class="yfze_a"><span class="z">应付总额：</span><span class="hq">￥<b id="payPriceEle">[[${#numbers.formatDecimal(orderConfirm.payPrice,1,2)}]]</b></span>
        </p>
        <p class="yfze_b">寄送至： <span id="receiveAddre"></span> 收货人：<span id="receiver"></span></p>
    </div>
    <form action="http://order.drygoods.top/submitOrderInfo" method="post">
        <input id="addrIdInput" type="hidden" name="addrId"/>
        <input id="payPriceInput" type="hidden" name="payPrice"/>
        <input id="couponInput" type="hidden" name="couponAmount"/>
        <input type="hidden" name="orderToken" th:value="${orderConfirm.orderToken}"/>
        <button class="tijiao">提交订单</button>
    </form>
</div>
</div>

<div class="section_second" style="float: left;width: 100%">
    <!--第一层-->
    <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
        <p class="section_second_header_img"></p>
        <li style="width: 247px;float: left;margin-left: 81px">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    品类齐全，轻松购物</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    多仓直发，极速配送</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    正品好货，精致服务</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    天天低价，畅选无忧</p>
            </div>
        </li>
        <br/><br><br>
        <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
        <div class="w" style="width: 1210px;text-align: center;margin-left: 130px;">
            <div class="copyright_links" style="margin: 0;padding: 0;">
                <p>
                    <a href="//about.jd.com"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/contact/"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//help.jd.com/user/custom.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//lai.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jzt.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//app.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//club.jd.com/links.aspx" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//media.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/privacy/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//gongyi.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//www.joybuy.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                        Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//corporate.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                        &amp; IR</a>
                </p>
            </div>
            <div class="copyright_info">
                <p>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                        11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                        href="http://beian.miit.gov.cn"
                        target="_blank"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jdwp.jd.com/544-2927.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                </p>
                <p><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                </p>
                <p><span class="copyright_text"
                         style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                        id="copyright_year"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                    <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="copyright_license">经营证照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="mod_business_license">营业执照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">增值电信业务经营许可证</a>
                </p>
                <p><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                    <a href="https://www.jdpay.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="https://www.jdcloud.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                </p>
            </div>
        </div>
    </div>
</div>

<script th:inline="javascript">

    $(document).ready(function () {
        $('.header-right li:nth-of-type(6)').hover(function () {
            $('.header-r-11').css('display', 'block')
        }, function () {
            $('.header-r-11').css('display', 'none')
        })
        $('.header-right li:nth-of-type(12)').hover(function () {
            $('.header-r-2').css('display', 'block')
        }, function () {
            $('.header-r-2').css('display', 'none')
        })
        $('.header-right li:nth-of-type(14)').hover(function () {
            $('.header-r-3').css('display', 'block')
        }, function () {
            $('.header-r-3').css('display', 'none')
        })
        $('.header-l-2').hover(function () {
            $('.header-l-d').css('display', 'block')
        }, function () {
            $('.header-l-d').css('display', 'none')
        })
        $('.header-r-4').hover(function () {
            $('.h-r-1').css('display', 'block')
        }, function () {
            $('.h-r-1').css('display', 'none')
        })
        highlight();
        getFareAndPayableTotal($(".addr-item p[def='1']").attr("addrId"));
        calculateFullPriceAndDiscount();

    })

    function highlight() {
        $(".addr-item p").css({"border": "2px solid gray"});
        $(".addr-item p[def='1']").css({"border": "2px solid red"});
    }

    $(".addr-item p").click(function () {
        $(".addr-item p").attr("def", "0");
        $(this).attr("def", "1");
        highlight();
        let addrId = $(this).attr("addrId");
        getFareAndPayableTotal(addrId);
    })

    $(function () {
        // alert([[${orderConfirm.address}]]);
        if ([[${orderConfirm.address}]] == '' || [[${orderConfirm.address}]] == null) {
            window.location.href = "http://member.drygoods.top/membersAddress.html";
        }
    })

    function calculateFullPriceAndDiscount() {
        let orderItems = [[${orderConfirm.orderItems}]];
        console.log(orderItems)

        var sum = 0;
        for (let i = 0; i < orderItems.length; i++) {
            sum += orderItems[i].promotionAmount;
            console.log(orderItems[i].promotionAmount)
        }
        $("#cuxiao").text(sum);
        let buyIntegration = [[${orderConfirm.buyIntegration/10}]];
        console.log($("#cuxiao").text())
        $("#payPriceEle").text($("#payPriceEle").text() - (sum + buyIntegration));
        $("#payPriceInput").val($("#payPriceEle").text())

    }


    function getFareAndPayableTotal(addrId) {
        $.ajax({
            url: "http://member.drygoods.top/member/memberreceiveaddress/getFare?addrId=" + addrId,
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: false, //发送同步请求
            dataType: 'json', //不涉及跨域  写json即可
            type: 'get',
            xhrFields: {
                withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
            },
            success: function (resp) {
                console.log(resp);
                $("#addrIdInput").val(addrId);
                $("#fareEle").text(resp.data.fare);
                var cartTotalPrice = [[${orderConfirm.total}]];
                var payPrice = cartTotalPrice * 1 + resp.data.fare * 1;
                $("#payPriceEle").text(payPrice);
                $("#payPriceInput").val(payPrice)
                //收货地址
                $("#receiveAddre").text(resp.data.address.province + " " + resp.data.address.city + " " + resp.data.address.detailAddress)
                //收货人
                $("#receiver").text(resp.data.address.name + " " + resp.data.address.phone)
            },
            error: function (error) {
                console.log(error);
                $(".One_mb").hide();
                $(".One_moveGzIfNull").hide();
            }
        })
    }

    $(".item-selected").click(function () {
        console.log("点击了优惠券")
        let hasClass = $(this).hasClass("checked");
        if (hasClass) {
            $(".item-selected").removeClass("checked");
            $(".item-selected").css({"border": "0px solid #e43a3d"});
        } else {
            $(".item-selected").removeClass("checked");
            $(".item-selected").css({"border": "0px solid #e43a3d"});
            $(this).addClass("checked");
            $(".checked").css({"border": "2px solid #e43a3d"});
        }
    })

</script>
</body>

</html>